// vue router
import {createRouter, createWebHashHistory} from "vue-router"
import {Layout as LabLayout} from "fed-vue-lab"
import LayoutLab from "../views/LayoutLab";
import LayoutProto from "../components/lab/LayoutProto";
import ThemeProto1 from "../components/lab/ThemeProto1";
import FivePointedStarLab from "../views/FivePointedStarLab";
import RotaryTableLab from "../components/lab/RotaryTableLab";
import DvViewDrawLab from "../components/lab/DvViewDrawLab";
import IconsLab from "../components/lab/IconsLab";


const routes = [
    {
        path: "/lab",
        component: LabLayout,
        children: [
            {
                path: "layout-lab",
                component: LayoutLab,
                children: [
                    {
                        path: "layout",
                        component: LayoutProto
                    },
                    {
                        path: "theme1",
                        component: ThemeProto1
                    }
                ]
            },
            {
                path: "star",
                component: FivePointedStarLab
            },
            {
                path: "rotary",
                component: RotaryTableLab
            },
            {
                path: "view",
                component: DvViewDrawLab
            },
            {
                path: "icons",
                component: IconsLab
            }
        ]
    },
    {
        path: "/dv",
        component: import("../components/lab/DvProtoLab.vue")
    }
]

const router = createRouter({
    history: createWebHashHistory(),
    routes
})

export default router
